<template>
  <div class="home">
    <h1>PARPARPAR</h1>
    <Suspense>
      <template #default>
        <AboutViewVue/>
      </template>
      <template #fallback>
        Loading...
      </template>
    </Suspense>
  </div>
</template>

<script>
import { reactive,provide,defineAsyncComponent } from 'vue'
// import AboutViewVue from './AboutView.vue';
//引入异步组件
const AboutViewVue=defineAsyncComponent(()=>import('./AboutView.vue') )
export default {
  components:{
    AboutViewVue
  },
  setup() {
    let person=reactive({
      name:'lz',
      age:25,
      sex:'男',
      job:{
        solary:10
      }
    })
    provide('person',person)
    return {
      person,
    }
  },
}
</script>

<style scoped>
.home{
  background-color: orange;
  padding: 10px;
}
</style>
